<!doctype html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>{$api.title}-QQ技术API-API聚合、免费、稳定、易用的webapi接口调用</title>
    <meta name="keywords" content="QQ技术API, API聚合,免费API、稳定API、易用的webapi接口调用" />
    <meta name="description" content="QQ技术API是个聚合、免费、稳定、易用的webapi接口调用" />

    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/assets/css/iconfont.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4757084_yuqwbv4rpeg.css">
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="stylesheet" href="/assets/css/doc.css">
    <link rel="stylesheet" href="/assets/lib/highlight/styles/atom-one-dark.css">

</head>

<body>
    <!-- 顶部导航栏 -->
    <header id="header" class="header">
        <div class="header_container">
            <div class="header_content">
                <div class="header_left">
                    <a class="header_left_logo" href="/">
                        <img class="header_left_logo_pc"
                            src="https://qqwl.org/content/templates/monie_jj_v1.1.0/static/images/header/pc-logo.png"
                            alt="https://qqwl.org/">
                        <img class="header_left_logo_mobile"
                            src="https://qqwl.org/content/templates/monie_jj_v1.1.0/static/images/header/mobile-logo.png"
                            alt="https://qqwl.org/">
                    </a>

                    <nav class="header_left_nav">
                        <div class="header_left_nav_mobile_menu_wrap">
                            <div class="header_left_nav_mobile_menu">
                                首页
                                <i class="iconfont icon-jiantouxia yublog_header_down"></i>
                            </div>
                        </div>
                        <ul class="header_nav_list">
                            <li class="">
                                <a class="header_nav_list_item" href="/">首页</a>
                            </li>
                        </ul>
                    </nav>
                </div>
                <div class="header_right">
                    <div class="header_search_icon_wrap">
                        <div class="header_search_icon" title="搜索">
                            <i class="iconfont icon-sousuo"></i>
                        </div>
                    </div>
                    <div class="header_search_wrap">
                        <form class="header_search_form" action="/?keyword">
                            <input id="header_search_input" class="header_search_input" type="text" name="keyword"
                                placeholder="输入关键字搜索" autocomplete="off">
                            <label for="header_search_input" class="header_search_btn" tabindex="0">
                                <i class="iconfont icon-sousuo"></i>
                            </label>
                            <div class="search_history">
                                <div class="search_history_head">
                                    <span class="search-history-head-title">搜索历史</span>
                                    <span class="search_history_clear_btn">清空</span>
                                </div>
                                <div class="search_history_list"></div>
                            </div>
                        </form>

                        <a class="header_article_btn login" href="javascript:;" title="控制台">控制台</a>
                    </div>
                    <button class="header-login-btn">登录</button>
                </div>
            </div>
        </div>
    </header>


    <div class="login-dialog ">
        <div class="login-dialog-content-wrap">
            <div class="login-dialog-mask"></div>
            <div class="login-dialog-content">
                <div class="login-dialog-close">
                    <i class="iconfont icon-guanbi login-dialog-close-icon"></i>
                </div>
                <div class="login-dialog-head">
                    <h2 class="login-dialog-title">登录</h2>
                </div>
                <div class="login-dialog-body">
                    <div class="login-dialog-body-left">
                        <div class="login-dialog-body-left-title">账号密码登录</div>
                        <form class="login-dialog-form"
                            action="https://blog.13log.cn/index.php/action/login?_=dc90d088aedbca3a995072a159c33ae0"
                            method="post" name="login" rold="form">
                            <input type="hidden" name="referer" value="https://blog.13log.cn/" required>
                            <div class="login-dialog-input-group username">
                                <input type="text" name="username" placeholder="请输入账号" autocomplete="on" required
                                    pattern="\S+.*">
                                <img class="panfish-img greeting" title="11" src="/assets/img/login/greeting.png">
                            </div>
                            <div class="login-dialog-input-group password">
                                <input type="password" name="password" placeholder="请输入密码" autocomplete="on" required
                                    pattern="\S+.*">
                                <img class="panfish-img blindfold" title="11" src="/assets/img/login/blindfold.png">
                            </div>
                            <div class="login-dialog-input-group remember">
                                <label class="remember-label" for="remember">
                                    <input type="checkbox" name="remember" class="checkbox" value="1" id="remember">
                                    <span class="login-dialog-input-checkbox">
                                        <i class="iconfont icon-duihao login-dialog-input-checkbox-icon"></i>
                                    </span>
                                    <span class="login-dialog-input-checkbox-text">记住账号</span>
                                </label>
                            </div>
                            <div class="login-dialog-input-group submit">
                                <button class="login-dialog-form-btn">登录</button>
                            </div>
                            <img class="panfish-img normal" title="11" src="/assets/img/login/normal.png">
                        </form>
                    </div>
                    <div class="login-dialog-body-right">
                        <div class="login-dialog-qrcode-title">扫码登录</div>
                        <div class="login-dialog-qrcode">
                            <img class="login-dialog-qrcode-img" src="/assets/img/login/qrcode.png" alt="扫码登录">
                        </div>
                        <div class="login-dialog-qrcode-tips">请使用手机扫码登录</div>
                    </div>
                </div>
                <div class="login-dialog-footer">
                    注册登录即表示同意<a class="login-dialog-link" href="javascript:;" title="用户协议">用户协议</a>和<a
                        class="login-dialog-link" href="javascript:;" title="隐私政策">隐私政策</a>
                </div>
            </div>
        </div>
    </div>

    <!-- 主内容区 -->
    <div class="main-content">
        <div class="container">
            <!-- 标题与面包屑 -->
            <div class="page-header">
                <div class="breadcrumb">
                    <a href="#">首页</a>
                    <i class="fa fa-angle-right"></i>
                    <a href="#">a[i</a>
                    <i class="fa fa-angle-right"></i>
                    <span>{$api.title}</span>
                </div>


            </div>

            <!-- 请求地址区域 -->
            <div class="request-container">

                <div class="title-section">
                    <div class="title-content">
                        <h1 class="main-title">{$api.title}</h1>
                        <p class="title-description">{$api.desc}</p>
                    </div>

                    <div class="action-buttons">
                    </div>
                </div>
                <div class="request-header">
                    <span class="request-label">请求地址</span>
                    <span class="method-badge">{$api.method}</span>
                </div>
                <div class="request-url">
                    <input type="text" class="url-input" value="{$api.url}" readonly>
                    <button class="btn btn-primary debug-btn">
                        <i class="fa fa-play"></i>
                        在线调试
                    </button>
                </div>
            </div>

            <!-- 请求参数区域 -->
            <div class="section">
                <div class="section-header"> </div>

                <div class="card">
                    <div class="card-header">
                        <div class="card-title">Query 参数</div>
                        <button class="btn btn-outline">
                            <i class="fa fa-code"></i>
                            生成代码
                        </button>
                    </div>
                    <div class="card-body">
                        <table class="param-table">
                            <thead>
                                <tr>
                                    <th>参数名</th>
                                    <th>类型</th>
                                    <th>是否必填</th>
                                    <th>默认值</th>
                                    <th>说明</th>
                                </tr>
                            </thead>
                            <tbody>
                                {foreach $api['query'] as $key=>$vo}
                                <tr>
                                    <td><span class="param-name">{$vo.name}</span></td>
                                    <td><span class="param-type">{$vo.type}</span></td>
                                    <td>
                                        {if $vo.required}
                                        <span class="required">必填</span>
                                        {else}
                                        <span class="optional">可选</span>
                                        {/if}
                                    </td>
                                    <td>{$vo.default}</td>
                                    <td>{$vo.desc}</td>
                                </tr>
                                {/foreach}

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- 代码示例区域 -->
            <div class="section">
                <div class="section-header">
                </div>

                <div class="card" style="display: none;">
                    <!-- 代码示例内容 -->
                    <div class="code-example active" id="shell">
                        <div class="code-content">
                            <button class="code-copy-btn">
                                <i class="fa fa-copy"></i>
                                复制代码
                            </button>
                            <pre>
                            <code>{$api.response}</code>
                        </pre>
                        </div>
                    </div>
                </div>



            </div>
            <!-- 返回响应区域 -->
            <div class="section">
                <div class="section-header">
                </div>

                <div class="card response-example active" id="success-response">
                    <div class="response-header">
                        <div class="response-status">
                            <span>返回响应</span>
                            <span class="status-code">200 OK</span>
                        </div>
                        <button class="code-copy-btn">
                            <i class="fa fa-copy"></i>
                            复制响应
                        </button>
                    </div>
                    <div class="response-body">
                        <pre>
                            <code class="javascript">{
    code: 200;
    message: '获取成功!';
    data: null
}</code>
                        </pre>
                    </div>
                </div>


            </div>

            <!-- 错误码说明 -->
            <div class="section">
                <div class="section-header">

                </div>

                <div class="card">
                    <div class="card-body">
                        <table class="error-code-table">
                            <thead>
                                <tr>
                                    <th>错误码</th>
                                    <th>描述</th>
                                    <th>解决方案</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><span class="error-code">200</span></td>
                                    <td>请求成功</td>
                                    <td>无需处理，请求已正常完成</td>
                                </tr>
                                <tr>
                                    <td><span class="error-code">400</span></td>
                                    <td>参数错误</td>
                                    <td>检查请求参数是否完整和正确，确保格式符合要求</td>
                                </tr>
                                <tr>
                                    <td><span class="error-code">401</span></td>
                                    <td>未授权或API密钥错误</td>
                                    <td>检查app_key是否正确, 是否已在控制台启用</td>
                                </tr>
                                <tr>
                                    <td><span class="error-code">403</span></td>
                                    <td>权限不足</td>
                                    <td>当前账号没有调用该API的权限, 请升级账号或联系管理员</td>
                                </tr>
                                <tr>
                                    <td><span class="error-code">404</span></td>
                                    <td>QQ号码不存在或未找到</td>
                                    <td>确认QQ号码是否正确, 该QQ号是否存在</td>
                                </tr>
                                <tr>
                                    <td><span class="error-code">429</span></td>
                                    <td>请求频率超限</td>
                                    <td>降低请求频率，或升级套餐以获得更高的调用限额</td>
                                </tr>
                                <tr>
                                    <td><span class="error-code">500</span></td>
                                    <td>服务器内部错误</td>
                                    <td>稍后重试，如持续出现该错误，请联系技术支持</td>
                                </tr>
                                <tr>
                                    <td><span class="error-code">503</span></td>
                                    <td>服务暂时不可用</td>
                                    <td>服务可能正在维护，请稍后重试</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>


        </div>
    </div>

    <script src="/assets/js/main.js"> </script>
    <script src="/assets/lib/highlight/highlight.min.js"></script>
    <script>hljs.highlightAll();</script>

</body>

</html>